<template>
  <!-- 组件开始 -->
  <!-- 背景 -->
  <Backgound ref="BackgoundRef" />
  <!-- 一言 -->
  <OneNote />
  <Clock />
  <!-- <Hello /> -->
  <!-- 搜索框 -->
  <Search class="animate-fadeIn" v-show="isSearch" />
  <Right class="animate-fadeIn" @upload-file="onUploadFile" v-show="!isSearch" />
  <!-- 登录按钮 -->
  <!-- <Login /> -->
  <!-- <isDarkVue /> -->
  <!-- 底部 -->
  <Footer />
  <!-- 组件结束 -->
</template>

<script setup>
import { computed, ref } from "vue";

import Clock from "../components/Clock.vue";
import Backgound from "../components/Backgound.vue";
import Search from "../components/Search.vue";
import OneNote from "../components/oneNote.vue";
// import Login from "../components/Login.vue";
import Footer from "../components/Footer.vue";
// import Hello from "../components/hello.vue";
// import isDarkVue from "../components/isDark.vue"
import Right from "../components/Right.vue";

import { useStore } from "../store";
const store = useStore()

const isSearch = computed(() => {
  return store.isSearchShow
})

const BackgoundRef = ref(null)
function onUploadFile() { 
  BackgoundRef.value.onUploadFile()
}
</script>

<style  scoped></style>
